<?php include 'templates/header.php' ?>
<div class="carousel">
    <div class="carousel-top">
        <a href="#" class="float-left"><img src="img/carousel_top_item_01.png" alt=""/></a>
        <a href="#" class="float-left"><img src="img/carousel_top_item_02.png" alt=""/></a>
        <a href="#" class="float-right"><img src="img/carousel_top_item_03.png" alt=""/></a>
    </div>
    <div class="carousel-middle">
        <div class="carousel-middle-left">
            <a href="#"><img src="img/carousel_middle_01.png" alt=""/></a>
        </div>
        <div class="carousel-middle-right">
            <a href="#"><img src="img/carousel_middle_02.png" alt=""/></a>
            <a href="#"><img src="img/carousel_middle_03.png" alt=""/></a>
        </div>
    </div>
    <div class="carousel-bottom">
        <a href="#" class="float-left links"><img src="img/carousel_bottom_item_01.png" alt=""/></a>
        <a href="#" class="float-left links"><img src="img/carousel_bottom_item_02.png" alt=""/></a>
        <a href="#" class="float-right links"><img src="img/carousel_bottom_item_03.png" alt=""/></a>
    </div>
</div>
<div class="info-part">
    <div class="posts">
        <div class="posts-items">
            <img src="img/posts_img01.png" alt=""/>
            <div class="post-info">
                <h1>Sticker Mule</h1>
                <h2>June 15, 2012  /  news, contests</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img05.png" alt=""/>
            <div class="post-info">
                <h1>Big Buck Bunny</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img09.png" alt=""/>
            <div class="post-info">
                <h1>Pinterest Icons</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
    </div>
    <div class="posts">
        <div class="posts-items">
            <img src="img/posts_img02.png" alt=""/>
            <div class="post-info">
                <h1>Top iPhone Apps</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img07.png" alt=""/>
            <div class="post-info">
                <h1>Character Design</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img10.png" alt=""/>
            <div class="post-info">
                <h1>iPad 3 Review</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
    </div>
    <div class="posts">
        <div class="posts-items">
            <img src="img/posts_img03.png" alt=""/>
            <div class="post-info">
                <h1>Photo Shoot</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img06.png" alt=""/>
            <div class="post-info">
                <h1>Service Icons</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img11.png" alt=""/>
            <div class="post-info">
                <h1>Social Media Buttons</h1>
                <h2>June 15, 2012</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#"><span></span>More</a>
            </div>
        </div>
    </div>
    <div class="posts">
        <div class="posts-items">
            <img src="img/posts_img04.png" alt=""/>
            <div class="post-info">
                <h1>Sticker Mule</h1>
                <h2>June 15, 2012  /  news, contests</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img08.png" alt=""/>
            <div class="post-info">
                <h1>Wedding Card</h1>
                <h2>June 15, 2012  /  news, contests</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#">More</a>
            </div>
        </div>
        <div class="posts-items">
            <img src="img/posts_img12.png" alt=""/>
            <div class="post-info">
                <h1>Silver UI Kit</h1>
                <h2>June 15, 2012  /  news, contests</h2>
                <p>
                    Lorem ipsum dolor sit amet, te possim inimicus ius. Alii ullam at corper pri ad, per nulla luptatum te, in qui delenit nostrum. Nam ad labores.
                </p>
                <a href="#"><span>&#10094</span><span></span>More</a>
            </div>
        </div>
    </div>
</div>
<?php include 'templates/footer.php' ?>